<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- logo区 -->
    <div id="logo">
        <div class="logo_ctn">
            <div class="logo_img">
                <img src="img/logo_new.png" alt="">
            </div>
            <div class="message">
                <a href="">选择区域语言</a>
                <span>|</span>
                <a href="">登录</a>
                <span>|</span>
                <a href="">注册</a>
                <a href="">
                    <img src="img/weixin.png" alt="">
                </a>
                <a href="">
                    <img src="img/weibo.png" alt="">
                </a>
                <a href="">
                    <img src="img/in.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 导航区 -->
    <div id="nav">
        <div class="nav_ctn">
            <ul class="nav_bar">
                <li class="active"><a href="">我想...</a></li>
                <li><a href="">行业洞察</a></li>
                <li><a href="">解决方案</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">产品</a></li>
                <li><a href="">技术支持</a></li>
                <li><a href="">开发者社区</a></li>
                <li><a href="">华为商城</a></li>
            </ul>
            <div class="search">
                <input type="text">
            </div>
        </div>
    </div>
    <!-- banner区 -->
    <div id="banner">
        <div class="banner_ctn">
            <a href="" class="more">
                <img src="img/banner_liaojie.png" alt="">
            </a>

            <ul class="pointer">
                <li></li>
                <li class="middle"></li>
                <li></li>
            </ul>
            <ul class="banner_img">
                <li>
                    <img src="img/banner.png">
                </li>
                <li>
                    <img src="img/banner.png">
                </li>
                <li>
                    <img src="img/banner.png">
                </li>
            </ul>
            <img src="img/jiantou.png" class="left" alt="">
            <img src="img/jiantou2.png" class="right" alt="">
        </div>
    </div>
    <!-- 内容区 -->
    <div id="content">
        <div class="content_ctn">
            <div class="content_ctn_img">
                <div class="content_ctn_img1">
                    <img src="img/one.png">
                    <h3><p>全联接城市</p></h3>
                    <p>高性能的政务专网，实现政务、交警、消防等信息综合化指挥调度，为南京撑起安全无忧的保护伞。</p>
                </div>
                <div class="content_ctn_img2">
                    <img src="img/two.png">
                    <h3><p>共建全联接世界，拥抱新商业文明</p></h3>
                    <p>全联接的智慧世界驱动着新的商业文明，唯有洞察和拥抱新变化，才能适应充满无限可能的未来。</p>
                </div>
                <div class="content_ctn_img3">
                    <img src="img/three.png">
                    <h3><p>《营赢》第23期</p></h3>
                    <p>Telenor"高效运营、用户喜爱、全民互联"的战略彰显出其扩张全球的雄心。</p>
                </div>
            </div>
            <div class="content_bar">
                <img src="img/shouye.png">
            </div>
        </div>
    </div>
    <!-- 页尾区 -->
    <div id="footer">
            <!-- <div class="footer_lt">
                <div class="footer_lt_wd">
                    <ul>
                        <li><h3>按访问者</h3></li>
                        <li>个人用户</li>
                        <li>企业用户</li>
                        <li>运营商用户</li>
                        <li>新闻媒体</li>
                        <li>供应商</li>
                        <li>求职者</li>
                    </ul>
                    <ul>
                        <li><h3>关于华为</h3></li>
                        <li>公司简介</li>
                        <li>公司治理</li>
                        <li>高管信息</li>
                        <li>可持续发展</li>
                        <li>网络安全</li>
                        <li>出版物</li>
                        <li>公司年报</li>
                    </ul>
                    <ul>
                        <li><h3>新闻&展会</h3></li>
                        <li>新闻</li>
                        <li>媒体工具</li>
                        <li>媒体联系</li>
                        <li>安全通告</li>
                        <li>展会活动</li>
                    </ul>
                    <ul>
                        <li><h3>快速链接</h3></li>
                        <li>华为商城</li>
                        <li>成功故事</li>
                        <li>在线学习</li>
                        <li>华为海洋</li>
                        <li>心声社区</li>
                        <li>除名查询</li>
                        <li>在线反馈</li>
                    </ul>
                </div>
                <div class="footer_lt_img">
                    <div>
                        <img src="img/footer01.png">
                    </div>
                    <div>
                        <img src="img/footer02.png" alt="">&nbsp;&nbsp;
                        <img src="img/footer03.png" alt="">&nbsp;&nbsp;
                        <img src="img/footer04.png" alt="">&nbsp;&nbsp;
                        <img src="img/footer05.png" alt="">&nbsp;&nbsp;
                        <img src="img/footer06.png" alt="">&nbsp;&nbsp;
                        <img src="img/footer07.png" alt="">
                    </div>
                    <div>
                        <img src="img/footer08.png" alt="">
                        <p>官方微信</p>
                    </div>
                </div>
            </div>
            <div class="footer_lt_bottom">
                <div>
                    <p>版权所有&nbsp;&copy;&nbsp;华为技术有限公司 1998-2015，保留一切权力，粤A-2-20044005号</p>
                </div>
                <div>
                    <p>法律声明</p>
                    <span>|</span>
                    <p>隐私保护</p>
                    <span>|</span>
                    <p>联系我们</p>
                    <span>|</span><p>网站地图</p>
                </div>
            </div> -->
        <div class="footer_ctn">
            <div class="footer_top">
                <ul class="list">
                    <li><h3>按访问者</h3></li>
                    <li><a href="">个人用户</a></li>
                    <li><a href="">企业用户</a></li>
                    <li><a href="">运营商用户</a></li>
                    <li><a href="">新闻媒体</a></li>
                    <li><a href="">供应商</a></li>
                    <li><a href="">求职者</a></li>
                </ul>
                <ul class="list">
                    <li><h3>关于华为</h3></li>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">公司治理</a></li>
                    <li><a href="">高管信息</a></li>
                    <li><a href="">可持续性发展</a></li>
                    <li><a href="">网络安全</a></li>
                    <li><a href="">出版物</a></li>
                    <li><a href="">公司年报</a></li>
                </ul>
                <ul class="list">
                    <li><h3>新闻&展会</h3></li>
                    <li><a href="">新闻</a></li>
                    <li><a href="">媒体工具</a></li>
                    <li><a href="">媒体联系</a></li>
                    <li><a href="">安全通告</a></li>
                    <li><a href="">展会活动</a></li>
                </ul>
                <ul class="list">
                    <li><h3>快速链接</h3></li>
                    <li><a href="">华为商城</a></li>
                    <li><a href="">成功故事</a></li>
                    <li><a href="">在线学习</a></li>
                    <li><a href="">华为海洋</a></li>
                    <li><a href="">心声社区</a></li>
                    <li><a href="">除名查询</a></li>
                    <li><a href="">在线反馈</a></li>
                </ul>
                <div class="icon">
                    <img src="img/footer01.png">
                    <div class="icon_img">
                        <img src="img/footer02.png" alt="">
                        <img src="img/footer03.png" alt="">
                        <img src="img/footer04.png" alt="">
                        <img src="img/footer05.png" alt="">
                        <img src="img/footer06.png" alt="">
                        <img src="img/footer07.png" alt="">
                    </div>
                    <img src="img/footer08.png" alt="">
                    <p>官方微信</p>
                </div>
            </div>
            <div class="footer_bottom">
                <p>版权所有©华为技术有限公司 1998-2015，保留一切权力，粤A-2-20044005号</p>
                <div>
                    <a href="">法律保护</a>
                    <span>|</span>
                    <a href="">隐私保护</a>
                    <span>|</span>
                    <a href="">联系我们</a>
                    <span>|</span>
                    <a href="">网站地图</a>
                </div>
            </div>
        </div>
    </div>
</body> 
</html>